<script type="text/javascript">
jQuery(window).load(function() {
    jQuery('#slider').nivoSlider({
        effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
        animSpeed:300, //Slide transition speed
        pauseTime:3000,
        startSlide:0, //Set starting Slide (0 index)
        directionNav:true, //Next & Prev
        directionNavHide:true, //Only show on hover
        controlNav:true, //1,2,3...
        keyboardNav:true, //Use left & right arrows
        pauseOnHover:true, //Stop animation while hovering
        captionOpacity:0.0 //Leave this setting, edit slider style.css nivo-caption2
    });

	// scroll the page to display the international section
	jQuery('#util-int').toggle(function() {
		jQuery("#util-regions").remove().prependTo("#placeholder-regions").slideToggle('swing');
		}, function() {
		jQuery("#util-regions").slideToggle('swing');
	});

});

function show(cObj, tTable, sOpenText,sOpenClass,sClosedText,sClosedClass){
   if (document.getElementById(tTable).style.display == "none") {
      document.getElementById(tTable).style.display = "block";
      document.getElementById(cObj).innerHTML = sOpenText;
	   document.getElementById(cObj).className = sOpenClass;
   }
   else {
      document.getElementById(tTable).style.display = "none";
       document.getElementById(cObj).innerHTML = sClosedText;
	   	   document.getElementById(cObj).className = sClosedClass;
   }
}
</script>
<style type="text/css">
#main-outer {
	overflow: hidden;
	width:1270px;
	background: url(images/bg_stacks1a.jpg) -20px 0px no-repeat;
	margin: 0px 128px 0px -128px;
	border:0px solid white;
}
</style>
<div id="outer">
  <div id="wrapper" class="hfeed">
    <?=$header;?>
    <!-- #header --> 
    <br style="clear:both"/>
    <div id="main-outer" >
      <div id="main"> 
        
        <!-- home page area -->
        <div id="home-div">
          <div id="slider-wrapper">
            <div id="slider" class="nivoSlider">
            <img width="597" height="349" alt="" src="images/home_banner1.png">
            <img width="597" height="349" alt="" src="images/home_banner2.png">
            <img width="597" height="349" alt="" src="images/home_banner3.png">
            <img width="597" height="349" alt="" src="images/home_banner4.png">
            <img width="597" height="349" alt="" src="images/Home_slideshow-5.png">
            </div>
          </div>
          <!-- #slider-wrapper -->
          
          <div id="prod_menu">
            <div class="section">
              <div class="section-header">Top Products</div>
              <div class="section-content">
                <div class="section-left">
                  <p><a href="/category/products/ball-bearings/">Ball Bearings</a></p>
                  <p class="btop"><a href="/category/products/pillow-block-bearings/">Pillow Block Bearings</a></p>
                  <p class="btop"><a href="/category/products/flange-bearings/">Flange Bearings</a></p>
                </div>
                <div class="section-right">
                  <p><a href="/category/products/roller-bearings/">Roller Bearings</a></p>
                  <p class="btop"><a href="/category/products/taper-roller-bearings/">Taper Roller Bearings</a></p>
                  <p class="btop"><a href="/products/">All Products</a></p>
                </div>
                <br class="clear"/>
              </div>
              <br class="clear"/>
              <div class="section-header-sub">Services</div>
              <div class="section-content">
                <div class="section-left">
                  <p><a href="<?=base_url('/home/services/?a=42');?>">Wanted-Bearing Broadcast</a></p>
                  <!-- <p class="btop"><a href="/category/services/onsite-field-services/">Onsite Field Services</a></p>--> 
                </div>
                <div class="section-right">
                  <p><a href="<?=base_url('/home/services/?a=43');?>">Inventory Buy-Back Program</a></p>
                  <p class="btop"><a href="<?=base_url('/home/services/?a=41');?>">Overview</a></p>
                </div>
                <br class="clear"/>
              </div>
              <div class="section-content-end"></div>
            </div>
          </div>
        </div>
        <!-- #home-div --> 
        <br style="clear:both"/>
        <br style="clear:both"/>
        <style type="text/css">
.continue-reading { display:none; }
</style>
        <div class="homepage-one-column">
          <div id="content-home" role="main">
            <div id="home-cols">
              <div id="home-col1">
                <h2>Get the Royal Experience</h2>
                <div class="content">
                  <div id="post-5" class="post-5 page type-page status-publish hentry">
                    <div class="entry-content-home">
                      <?=$contact;?>
                      <p><a href="/contact-us/"><img class="alignnone size-full wp-image-6" title="Contact Us Today" src="images/btn_ContactUsToday.png" alt="Contact Us Today!" width="168" height="41" /></a></p>
                    </div>
                    <!-- .entry-content --> 
                  </div>
                  <!-- #post-## --> 
                </div>
              </div>
              <div id="home-col2">
                <h2>Company News</h2>
                <div class="content">
                  <?php foreach((array)$news as $v){?>
                      <p><strong><?=date('M d,Y',$v['acctime']);?></strong><br>
                      <?=$v['title'];?><br>
                      <a title="<?=$v['title'];?>" href="<?=base_url('/home/news_detail/?i='.$v['info_id']);?>"><em>Read full release</em></a></p>
                  <?php }?>
                  <a href="<?=base_url('/home/news/');?>"><img src="images/btn_ReadMore.png" alt="Read More" title="btn_ReadMore" width="114" height="42" class="alignnone size-full wp-image-321" /></a> </div>
              </div>
              <div id="home-col3">
                <h2>Industry News</h2>
                <div class="content"> 
                  <?php foreach((array)$news as $v){?>
                      <p><strong><?=date('M d,Y',$v['acctime']);?></strong><br>
                      <?=$v['title'];?><br>
                      <a title="<?=$v['title'];?>" href="<?=base_url('/home/news_detail/?i='.$v['info_id']);?>"><em>Read full release</em></a></p>
                  <?php }?>
                  <a href="<?=base_url('/home/news/');?>"><img src="images/btn_ReadMore.png" alt="Read More" title="btn_ReadMore" width="114" height="42" class="alignnone size-full wp-image-321" /></a> </div>
                </div>
              </div>
              <br class="clear"/>
            </div>
          </div>
          <!-- #content --> 
        </div>
        <!-- #container --> 
        
      </div>
      <!-- #main --> 
    </div>
    <!-- #main outer--> 
    
  </div>
  <!-- #wrapper -->
  
  <?=$footer;?>
</div>
